<template>
	<view>
		<view class="u-page" style="margin-top: 20rpx;">
			<u-list showScrollbar="false">
				<u-list-item v-for="(item, index) in urls" :key="index">
					<u-cell :title="`列表长度-${index + 1}`">
						
							<view slot="title" class="u-slot-title" @click="turnDetail(item.id)">
								<view style="display: flex;align-items: flex-start;justify-content: flex-start;">
									<u-avatar slot="icon" shape="square" size="90" :src="item.thumbnail"
										customStyle="margin: -3px 5px -3px 0"></u-avatar>
									<view style="margin-left: 5rpx;width: 100%;">
										<view style="height: 140rpx">
											<view
												style="display: flex;align-items: center;justify-content: flex-start;margin-bottom: 10rpx;">
												<u-tag text="置顶" size="mini" v-if="item.isTop==='1'"> </u-tag>
												<view style="width: 8rpx;"></view>
												<u--text :lines="1" :text="item.title" color="#000000" size="14">
												</u--text>
											</view>
											<u--text :lines="2" :text="item.summary" color="#878787" size="13">
											</u--text>
										</view>
										<view style="display: flex;align-items:flex-end;justify-content: space-between">
											<u--text prefixIcon="eye" :text="item.viewCount+'次围观' " color="#8c8c8c"
												size="12"></u--text>
											<u--text prefixIcon="clock" :text="item.createTime" color="#8c8c8c"
												size="12">
											</u--text>
										</view>
									</view>
								</view>
							</view>
					</u-cell>
				</u-list-item>
			</u-list>
		</view>

	</view>
</template>

<script>
	export default {
		props: ['urls'],
		data() {
			return {};
		},
		methods: {
			turnDetail(id) {
				uni.navigateTo({
					url: '/pagesa/airtleDetail/airtleDetail?id=' + id
				})
			}
		},

	};
</script>

<style scoped>

</style>
